<template>
  <EChart :option="option" />
</template>

<script lang="ts">
import { defineComponent, ref } from "vue";
import EChart from "./EChart.vue";

export default defineComponent({
  name: "ExampleLineChart",
  components: {
    EChart,
  },
  setup() {
    const option = ref({
      xAxis: {
        type: "category",
        data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
      },
      yAxis: {
        type: "value",
      },
      series: [
        {
          data: [150, 230, 224, 218, 135, 147, 260],
          type: "line",
        },
      ],
    });
    return {
      option,
    };
  },
});
</script>

<style scoped lang="scss">
.example-line-chart {
}
</style>
